<script type="text/javascript"> 
	$(document).ready(function(){
		$('#banner_photos').galleryView({
			panel_width  : 347,
			panel_height : 130,
			frame_width  : 100,
			frame_height : 100
		});
	});
</script> 
<div id="banner_photos" class="galleryview"> 
  <div class="panel"> 
     <img src="<?php echo url::base(FALSE) ?>images/slide_head_banner/orchid-01.jpg" /> 
  </div> 
  <div class="panel"> 
     <img src="<?php echo url::base(FALSE) ?>images/slide_head_banner/orchid-02.jpg" /> 
  </div> 
  <div class="panel"> 
     <img src="<?php echo url::base(FALSE) ?>images/slide_head_banner/orchid-03.jpg" /> 
  </div> 
  <div class="panel"> 
     <img src="<?php echo url::base(FALSE) ?>images/slide_head_banner/orchid-04.jpg" /> 
  </div> 
  <div class="panel"> 
     <img src="<?php echo url::base(FALSE) ?>images/slide_head_banner/birdcage-01.jpg" /> 
  </div> 
  <div class="panel"> 
     <img src="<?php echo url::base(FALSE) ?>images/slide_head_banner/flowerball-01.jpg" /> 
  </div> 
</div> 

